<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="java.util.ArrayList,edu.ues21.tcs.ecommerce2011.mvc.model.Marca"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<jsp:useBean id="resultadoMarcas" scope="request" type="java.util.ArrayList"></jsp:useBean>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Marcas</title>
    </head>
    <body>
        Marca: <select id="CmbMarca" name="CmbMarca">
			<option value=0>(Todas)</option>
			<c:forEach var="marc" items="${resultadoMarcas}">
				<option value=${marc.idmarca} >${marc.nombre}</option>
			</c:forEach>
		</select>
		<script type="text/javascript">
$(document).ready(function(){
	$("#CmbMarca").change(function() {
	    $('#loaddiv').fadeOut('0,02')
	    $.ajax({
	    	type:"POST",
	    	url:"listarArticulos.do",
	    	data:"marcaId="+$("#CmbMarca").val(),
	    	success: function(result) {
	    		muestra_oculta('resultadoDetalle',1);
	    		//window.alert("Está entrando bien y sabe que el IdMarca nuevo es: "+$("#CmbMarca").val())
	    		$('#loaddiv').html(result).fadeIn('slow')//fadeIn("slow");
	    		},
	    		error: function() {
	    			window.alert("Está entrando por el error, pero sabe que el IdMarca nuevo es: "+$("#CmbMarca").val())
	    			//$('#loaddiv').fadeOut('slow').load('listarArticulos.do',{marcaId : $("#CmbMarca").val()}).fadeIn("slow");
	    			}
	    		});
	    });
});
</script>
    </body>
</html>